<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    <link href="/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/lib/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
    <link href="/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/lib/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet">
    <link href="/lib/metronic/plugins.min.css" rel="stylesheet" type="text/css">
    <link href="/lib/metronic/components.css"  rel="stylesheet" type="text/css" id="style_components" >
    <link href="/lib/metronic/layout.min.css"  rel="stylesheet" type="text/css" >
    <link href="/lib/alertify/alertify.core.css" rel="stylesheet" >
    
    <link href="/lib/fancybox/jquery.fancybox.css" rel="stylesheet" >
    <link href="/lib/pace/pace.css" rel="stylesheet" >
    <link href="/lib/loaders/loaders.min.css" rel="stylesheet" >
    
    <link href="/sys/css/common.css"  rel="stylesheet" type="text/css" >
    <link href="/sys/css/buy/submitOrder.css"  rel="stylesheet" type="text/css" >
  </head>
  <body>
    
    <div class="g-submit">
      <div class="m-d m-title">
        <div>
          <div class="col-1 ">
            <span aria-hidden="true" class="icon-grid"></span> 提交订单任务步骤
          </div>
        </div>
      </div>

      <div class="m-d m-d-detail"></div>

      <div class="m-d m-d-main">
        <div class="m-d-item col-2">
          <li class="v-m-title">
            <div class="col-1">
              <span class="icon-magnifier"></span>
              <span class="m-step">第1步 </span>
              核对店铺以及商品是否正确
            </div>
          </li>
          <li>
            <div class="col-1">提示店名关键字</div>
            <div class="col-2 font-red-thunderbird fn-right" id="shop-name"></div>
          </li>
          <li></li>
          <li>
            <div class="col-1">商铺店家名称</div>
          </li>
          <li>
            <div class="col-1"><input type="text" class="form-control" placeholder="请输入店家名称,且核对正确后才能提交任务！" id="u-shop-name"></div>
          </li>
          <li></li>
          <li>
            <div class="col-1">
              <a href="#" class="btn  btn-sm blue" id="clear-shop">清除</a>
               <a href="#" class="btn  btn-sm red" id="check-shop">核对</a>
            </div>
          </li>
        </div>
        <div class="m-d-item col-3">
          <li class="v-m-title">
            <div class="col-1">
              <span class="icon-picture"></span>
              <span class="m-step">第2步 </span>
              货比三家
            </div>
          </li>
          <li>
            <div class="col-1">1. 请确认买家用买家账号登录淘宝应用</div>
          </li>
          <li>
            <div class="col-1">2. 请根据<span class="font-red">任务要点中的搜索关键词</span>自行打开客户端，手动输入</div>
          </li>
          <li>
            <div class="col-1">3. 搜索自动关键词，设置筛选价格区间、所在地缩小范围，找到目标商品</div>
          </li>
          <li>
            <div class="col-1">4. 依次点开列表中2个商品，分别截图，商品浏览需慢慢滑动到商品详情底部</div>
          </li>
          <li>
            <div class="col-1 col-img">
              <div class="m-img" type="搜索结果页" pid="i-s-result"></div>
              <div class="m-img" type="随机商品1"  pid="i-r-goods1"></div>
              <div class="m-img" type="随机商品2"  pid="i-r-goods2"></div>
            </div>
          </li>
        </div>
      </div>

      <div class="m-d m-d-main">
        <div class="m-d-item col-3">
          <li class="v-m-title">
            <div class="col-1">
              <span class="icon-list"></span>
              <span class="m-step">第3步 </span>
              浏览店铺
            </div>
          </li>
          <li>
            <div class="col-1">1. 根据商品主图、价格、名称等找到目标商品，点击"进去店铺"按钮</div>
          </li>
          <li>
            <div class="col-1">2. 详细浏览目标商品的规格，详情，评价等参数，在商品页至少停留3分钟</div>
          </li>
          <li>
            <div class="col-1">3. 上传目标商品截图后，根据图片提示上传对应截图即可</div>
          </li>
          <li class="group-pay">
            <div class="col-1 col-img">
              <div class="m-img" pid="i-s-head"   type="目标商品头部"></div>
              <div class="m-img" pid="i-s-ask"    type="商品评价"></div>
              <div class="m-img" pid="i-s-detail" type="商品详情"></div>
              <div class="m-img" pid="i-s-cart"   type="加入购物车"></div>
            </div>
          </li>
          <li class="group-browser">
            <div class="col-1 col-img">
              <div class="m-img" pid="i-s-head"   type="目标商品头部"></div>
              <div class="m-img" pid="i-s-tail"   type="目标商品底部"></div>
              <div class="m-img" pid="i-s-goods1" type="店铺商品1"></div>
              <div class="m-img" pid="i-s-goods2" type="店铺商品2"></div>
            </div>
          </li>
        </div>
        <div class="m-d-item col-2">
          <li class="v-m-title">
            <div class="col-1">
              <span class=" icon-credit-card"></span>
              <span class="m-step">第4步 </span>
              <span class="group-pay">聊天下单支付</span>
              <span class="group-browser">关注商品/关注店铺/加购物车</span>
            </div>
          </li>
          <li class="group-pay">
            <div class="col-1">1. 点击联系客服，要求至少和商家客服有4个问题互动，不得<span class="font-red">一次性复制</span>4个重复问题，完成截图一张</div>
          </li>
          <li class="group-pay">
            <div class="col-1">2. 把商品加入购物车，确认件数、颜色、尺码和留言要求，下单付款</div>
          </li>
          <li class="group-pay">
            <div class="col-1">3. 付款完成后，点击订单详情页，截图一张</div>
          </li>
          <li class="group-browser">
            <div class="col-1">1. 根据浏览行为要求，进行相应操作并上传图片，如：关注/收藏商品，加入购物车等。</div>
          </li>
          <li class="group-pay">
            <div class="col-1 col-img">
              <div class="m-img m-talk" pid="i-s-talk" type="聊天"></div>
              <div class="m-img" pid="i-s-pay" type="下单支付"></div>
            </div>
          </li>
          <li class="group-browser">
            <div class="col-1 col-img">
              <div class="m-img m-f-goods" pid="i-f-goods" type="关注商品"></div>
              <div class="m-img m-f-shop" pid="i-f-shop" type="关注店铺"></div>
              <div class="m-img m-add-card" pid="i-add-cart" type="加购物车"></div>
            </div>
          </li>

          
        </div>
      </div>

      <div class="m-d m-d-main">
        <div class="m-d-item col-1">
          <li class="v-m-title group-pay">
            <div class="col-1">
              <span class="icon-list"></span>
              <span class="m-step">第5步 </span>
              填写订单和实付金额
            </div>
          </li>
          <li class="group-pay">
            <div class="col-1">1. 填写淘宝/京东/其他平台订单编号，请到手机淘宝/手机京东/其他凭他查看并复制</div>
          </li>
          <li class="group-pay">
            <input type="text" class="form-control" placeholder="请输入订单编号" id="order-id">
          </li>
          <li class="group-pay">
            <div class="col-1">2. 填写实际付款金额，手机淘宝/手机京东/其他平台订单详情显示的金额就是实付金额</div>
          </li>
          <li class="group-pay">
            <input type="text" class="form-control" placeholder="请输入实际付款金额" id="pay-money">
          </li>
          <li>
            <div class="col-1 col-btn">
              <a href="#" class="btn  red hide" id="submit-buy" >提交购买任务</a>
              <a href="#" class="btn  blue-steel" id="return-list">返回任务列表</a></div>
          </li>
        </div>
      </div>
      
    </div>
    <script src="/lib/jquery/jquery.min.js"></script>
    <script src="/lib/jquery/jquery-migrate.js"></script>
    <script src="/lib/jquery/jquery.cookie.js"></script>
    <script src="/lib/jquery-ui/jquery-ui.min.js"></script>
    <script src="/lib/jsrender/jsrender.js"></script>
    <script src="/lib/fancybox/jquery.fancybox.js"></script>
    <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/lib/bootstrap-fileinput/bootstrap-fileinput.js"></script>
    <script src="/lib/alertify/alertify.min.js"></script>
    <script src="/lib/bootbox/bootbox.min.js"></script>
    <script src="/lib/distpicker/distpicker.js" type="text/javascript"></script>
    <script src="/lib/typepicker/typepicker.js" type="text/javascript"></script>
    <script src="/lib/metronic/moment.min.js"></script>
    <script src="/lib/metronic/ui-modals.min.js"></script>
    <script src="/lib/pace/pace.min.js"></script>
    
    <script src="/sys/js/common.js"></script>
    <script src="/sys/js/buy/submitOrder.js"></script>
  </body>
</html>